import "../../lib/ramda.js"
import Direct2D from "../../lib/direct2d.js"
import Utils from "../../lib/utils.js"

const Ux = {
    tabs: undefined,
    box: undefined,
}

const Event = {}

function frame(){
}

function init(){
    Ux.tabs = Direct2D.Tabs("#tabs", {
        on_select(me){
            me.class_add("cur")
            Direct2D.Item(me.ux_value()).visible(true)
        },
        on_unselect(me){
            me.class_del("cur")
            Direct2D.Item(me.ux_value()).visible(false)
        },
        on_mouse_enter(me){
            Ux.tabs.select(me)
        },
    }).select_with_val("#box-object")
}

export default {
    init,
    frame,
}
